<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/shopxiangqing.css">
</head>

<body>
    <div class="header"></div>
    <section>
        <!-- ===================================头部==================== -->
        <div class="pageNow">
            <div class="w"><a href="../Allhtml/index.html">首页</a>/
                <a href="/Product/Index_100000006428282.html">笔记本</a>/<a href="/Product/Index_100000007861291.html">电竞游戏
                </a>/<em>麦本本 MaiBook P748</em>
            </div>
        </div>
        <!-- ==============================信息=============================== -->
        <div class="productShow">
            <div class="w">
                <div class="fl productShow_1">
                    <div class="list">
                        <ul>
                            <li class="liNow"><img src="../img/4.jpg"></a></li>

                            <li class="liNow"><img src="../img/5.jpg"></a>
                            </li>


                            <li class="liNow"><img src="../img/6.jpg"></a>
                            </li>


                            <li class="liNow"><img src="../img/7.jpg"></a>
                            </li>

                            <li class="liNow"><img src="../img/8.jpg"></a>
                            </li>

                            <li class="liNow"><img src="../img/9.jpg"></a>
                            </li>

                        </ul>
                    </div>
                    <div class="bigImg "></div>
                    <div class="smallbox">
                        <div id="mask"></div>
                    </div>
                </div>
                <div class="productShow_2 fr">
                    <div class="sum">
                        <!-- <div class="name">麦本本 MaiBook P748</div>
                        <div class="msg">17.3英寸144Hz全高清ADS防眩光/ AMD Ryzen 7 4800H / Nvidia RTX 2060 6GB GDDR6 </div>
                        <div class="price">10130元</div>
                        <input id="stock" type="hidden" value="0">
                        <div class="number">库存：0件 &nbsp;&nbsp;&nbsp; <a
                                href="javascript: prompt_fun('.noGoodsLayer');">到货通知</a>
                        </div> -->
                    </div>
                    <div class="txt">版本</div>
                    <div class="choose">
                        <input type="hidden" id="choose" value="100000362166978">
                        <ul>

                            <li class="liNow" data-id="100000305578694" data-value="100000362166978">16G内存+1TB PCI-E
                            </li>

                            <li data-id="100000305578694" data-value="100000362871356">32G内存+1TB PCI-E</li>

                            <li data-id="100000305578694" data-value="100000363539417">32G内存+2TB PCI-E</li>

                        </ul>
                        <div class="clear_f"></div>
                    </div>

                    <div class="txt">赠品</div>
                    <div class="gift">鼠标+鼠标垫</div>


                    <div class="btnGroup">
                        <ul>
                            <li id="btn11"><img src="../img/cart.png" style="width: 20px;">加入购物车</li>
                            <li class="li01"><a href="javascript:;" onclick="setCollect('100000305578694',this)"><img
                                        src="../img/nimg20_2.png" style="width: 20px;" alt="">喜欢</a></li>
                        </ul>
                    </div>
                    <div class="info">
                        <ul>
                            <li><a href="#"><img src="../img/nimg21_1.jpg" alt="">7天无理由退货</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- ==============================图片================================ -->
        <div class="productDetail">
            <div class="w">
                <div class="productDiv productDiv1">
                    <div class="imgDiv">
                        <!-- <p><img src="../img/20200926043154209.jpg"></p>
                        <p><img src="../img/20200926043154769.jpg"></p>
                        <p><img src="../img/20200926043155021.jpg"></p>
                        <p><img src="../img/20200926043155299.jpg"></p>
                        <p><img src="../img/20200926043356955.jpg"></p>
                        <p><img src="../img/20200926043357169.jpg"></p>
                        <p><img src="../img/20200926043357540.jpg"></p>
                        <p><img src="../img/20200926043357938.jpg"></p>
                        <p><img src="../img/20200926043358177.jpg"></p>
                        <p><img src="../img/20200926043429461.jpg"></p>
                        <p><img src="../img/20200926043429705.jpg"></p>
                        <p><img src="../img/20200926043429935.jpg"></p>
                        <p><img src="../img/20200926043430159.jpg"></p>
                        <p><img src="../img/20200926043430344.jpg"></p>
                        <p><img src="../img/20200926043451219.jpg"></p>
                        <p><img src="../img/20200926043451366.jpg"></p>
                        <p><img src="../img/20200926043451473.jpg"></p>
                        <p><img src="../img/20200926043451593.jpg"></p> -->
                    </div>
                </div>


            </div>
        </div>
    </section>
    <footer></footer>
</body>

</html>
<script src="../js/cookieFun.js"></script>

<script src="../jQuery.js"></script>
<!-- <script src="../js/banner.js"></script>
<script src="../js/xiangqing.js"></script> -->
<script src="../js/header.js"></script>
<script src="../js/shopxiangqing.js"></script>
<script>
    $(".header").load("../html/header.html");
    $("footer").load("../html/tail.html");
    let oSmallBox = document.querySelector(".smallbox");
    let oBigBox = document.querySelector(".bigImg");
    let oMask = document.querySelector("#mask");
    let oLits = document.getElementsByClassName("liNow");

    let mf = new Magnifier(oSmallBox, oBigBox, oMask, oLits);
    mf.eventBind();
</script>